// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

// 概念：JSX是JavaScript和XMl(HTML)的缩写，表示在JS代码中编写HTML模版结构，它是React中构建UI的方式

const message = 'this is app'
function getName() {
  return 'Jack'
}
function App01() {
  return (
    <div className="App">
      {/* 识别引号传递字符串 */}
      {'this is message'}
      {/* 识别js变量 */}
      {message}
      {/* 调用函数 */}
      {getName()}
      {/* 方法调用 */}
      {new Date().getDate()}
      {/* 使用js对象 */}
      <div style={{color: 'red'}}>this is div</div>
    </div>
  )
}

export default App01
